/*
Theme Name: TStyle
Theme URI: http://www.cnkker.com/
Description: The template by dafi.
Author: dafi
Version: 1.0
Tags: 个人CMS, 简约风格, 个人网站, CMS, WordPress CMS
*/

@charset "utf-8";
@import url("base.css");
body { font: 12px arial, sans-serif; background: url(css/body.png) repeat-x; }

h2,
h3,
h4 { font-size: 12px; }

a { color: #333; }

.more { float: right; width: 37px; height: 11px; overflow: hidden; margin-top: 7px; background: url(css/bg.png) -200px -100px; text-indent: -9999px; }

#wrap { width: 910px; margin: 0 auto; }

#head-logo { height: 60px; }
#head-logo img { width: 200px; height: 50px; margin-top: 5px; }
#head-logo em { display: none; }
#head-banner { height: 45px; margin-top: 7px; overflow: hidden; }
#head-nav { position: relative; height: 30px; line-height: 30px; text-align: right; }
#head-nav a { color: #666; }
#head-nav .cut { margin: 0 5px; color: #999; }
#sponsor { display: none; position: absolute; top: 30px; right: 0; float: left; width: 228px; height: 20px; border: 1px dotted #ccc; background: #ffe; text-align: center; line-height: 20px; color: #666; }
#search { float: right; position: relative; bottom: -37px; right: 7px; z-index: 2; }
#search label { position: absolute; left: 0; padding-left: 20px; line-height: 19px; color: #999; }
#search input,
#search button { float: left; width: 135px; height: 19px; padding-left: 20px; background: url(css/bg.png) 0 -100px no-repeat; border: none; outline: none; line-height: 19px; -moz-border-radius: 0; -webkit-border-radius: 0; }
#search button { width: 35px; padding: 0; background-position: -155px -100px; text-indent: -9999px; }
#nav { clear: both; height: 33px; background: #333 url(css/bg.png) right -33px no-repeat; }
#nav h2 { display: none; }
#nav ul { height: 33px; background: url(css/bg.png) 0 0 no-repeat; line-height: 33px; }
#nav li { float: left; position: relative; z-index: 2; height: 15px; margin-top: 9px; padding: 0 5px; line-height: 15px; border-left: 1px solid #000; border-right: 1px solid #999; text-shadow: 1px 1px 2px #000; }
#nav li.first { border-left: none; }
#nav li.last { left: -1px; width: 1px; overflow: hidden; padding: 0; border: none; background: #333; }
#nav li a { float: left; position: relative; height: 33px; margin-top: -9px; padding: 0 15px; line-height: 33px; color: #fff; }
#nav li a:hover,
#nav li.current a,
#nav li.current-cat a,
#nav li.current-cat-parent a,
#nav li.current_page_item a { background: url(css/bg.png) center -66px no-repeat; text-decoration: none; text-shadow: 1px 1px 2px #000; }
#nav li.current a,
#nav li.current-cat a,
#nav li.current-cat-parent a,
#nav li.current_page_item a { font-weight: bold; }
#nav li.current-cat li a,
#nav li.current-cat-parent li a { font-weight: normal; background-image: none; }
#nav ul ul { display: none; position: absolute; top: 24px; left: 0; height: auto; background: #000; filter: alpha(opacity=70); opacity: .7; -moz-opacity: .7; border-bottom: 1px solid #999; }
#nav li li { min-width: 88px; }
#nav li li,
#nav li li a { display: block; float: none; height: 25px; margin: 0; padding: 0; line-height: 24px; border: none; }
#nav li li a { width: 68px; height: 24px; padding: 0 10px; border-top: 1px solid #999; }
#nav li li a:hover,
#nav li li a.current { background: #666; }


#container { padding: 10px 0; }

#slide h2 { display: none; }
#slide .f-m { position: relative; height: 227px; padding: 4px; }
#controller { display: none; }
#slide-pic,
#slide-pic img { float: left; width: 220px; height: 227px; overflow: hidden; }
#slide-pic p { float: left; width: 210px; height: 30px; position: relative; top: -30px; padding: 0 5px; font: 12px/30px verdana, sans-serif; background: #000; opacity: 0.6; -o-opacity: 0.6; filter: alpha(opacity=60); }
#slide-pic a,
#slide-pic span { color: #fff; }
#slide-pic span { display: block; width: 170px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
#slide-btn { width: 34px; height: 13px; position: absolute; bottom: 12px; right: 10px; text-indent: -9999px; }
.jFlowPrev,
.jFlowNext { display: block; float: left; width: 16px; height: 16px; overflow: hidden; background: url(css/bg.png) 0 -180px no-repeat; cursor: pointer; }
.jFlowNext { width: 17px; background-position: -16px -180px; }
.jFlowPrev:hover { background-position: -40px -180px; }
.jFlowNext:hover { background-position: -56px -180px; }

#choice .f-m { height: 190px; padding: 10px; overflow: hidden; }
#choice .tab a span { width: 84px; }
#side #choice .tab a span { width: 57px; padding: 0 10px 0 5px; }
#side #choice .tab a.current span { width: 58px; }

/* 文章列表 */
.list li { clear: both; padding: 0 5px 0 15px; line-height: 27px; background: url(css/icon.png) -44px 12px no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.list li:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.list li { display: inline-block; }
.list li { display: block; }
.list li * { vertical-align: middle; }
.list li.odd { background-color: #f5f5f5; }
.list li em { float: left; max-width: 470px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.list li span { float: right; width: 80px; font-size: 10px; color: #666; text-align: right; white-space: nowrap; overflow: hidden; }
#choice .list { padding-bottom: 20px; }
#choice .list li { line-height: 24px; background-position: -43px 11px; }
#choice .list li em { width: 300px; }
#side #choice { width: 230px; }
#side #choice .f-m { width: 208px; height: 200px; }
#side #choice .list li { line-height: 25px; padding-left: 10px; background-position: -50px 12px; }
#side #choice .list li.odd { background-color: #fff; }
#side #choice .list li em { width: 200px; }
#side #choice .list li span { display: none; }
.list .synopsis { clear: both; line-height: 16px; padding-bottom: 5px; }
.list .synopsis a { display: block; max-height: 32px; overflow: hidden; color: #666; }
i.new,
i.hot,
i.top { float: left; width: 21px; height: 11px; overflow: hidden; margin: 3px 0 0 3px; background: url(css/bg.png) -80px -180px no-repeat; text-indent: -9999px; }
i.hot { background-position: -110px -180px; }
i.top { background-position: -140px -180px; }

#home-album .box { padding: 15px 0 15px 10px; }
#home-album li { float: left; text-align: center; }
#home-album li a { position: relative; display: block; width: 80px; height: 60px; overflow: hidden; padding: 2px; margin: 0 11px; line-height: 60px; border: 1px solid #ccc; -webkit-box-shadow: 1px 1px 2px #333; -moz-box-shadow: 1px 1px 2px #333; box-shadow: 1px 1px 2px #333; }
#home-album li a:hover { border-color: #c00; }
#home-album li img { width: 80px; height: 60px; }
#home-album li a span { position: absolute; width: 80px; height: 20px; bottom: 2px; left: 2px; background: #000; color: #fff; line-height: 20px; filter: alpha(opacity=60); opacity: .7; -moz-opacity: .7; }

#column-nav.col-5 { width: 198px; margin-right: 2px; }
#column-nav li { height: 25px; margin: 0 0 2px 1px; line-height: 23px; }
#column-nav li a { display: block; width: 196px; border: 1px solid #ddd; border-width: 1px 0; }
#column-nav li a span { position: relative; display: block; width: 176px; height: 23px; margin-left: -1px; padding: 0 10px; border: 1px solid #ddd; border-width: 0 1px; background: #eee; }
#column-nav li a:hover { text-decoration: none; }
#column-nav li a:hover span { background: #fff; }
#column-nav li a.current { position: relative; width: 200px; font-weight: bold; color: #c00; text-align: right; }
#column-nav li a.current span { width: 180px; background: #fff; border-right: none; }
#part .f-m { height: 200px; padding: 10px 9px; overflow: hidden; }
#part .list li { line-height: 25px; background-position: -43px 11px; }
#part .list li em { width: auto; max-width: 278px; }

/* 登陆框，暂未用到 */
#login .box { position: relative; height: 45px; padding: 10px 10px 5px; }
#login p { height: 23px; overflow: hidden; margin-bottom: 5px; }
#login p.end { position: absolute; top: 10px; right: 10px; height: auto; }
#login p label { float: left; width: 48px; overflow: hidden; padding: 1px 3px 0 0; line-height: 20px; }
#login input { width: 95px; height: 16px; padding: 2px; line-height: 15px; border: 1px solid #ccc; }
#login button { width: 50px; height: 50px; background: url(css/bg.png) 0 -200px; border: 0 none; text-indent: -9999px; }
/* 登陆框，暂未用到 */

#contact .box { height: 40px; padding: 10px 0 10px 10px; }
#contact-li li { float: left; margin: 0 9px 0 4px; }
#contact-li li a { display: block; width: 40px; height: 40px; background: url(css/contact.png) no-repeat; text-indent: -9999px; }
#contact-li li.microblog a { background-position: 0 -40px; }
#contact-li li.msn a { background-position: 0 -80px; }
#contact-li li.guestbook a { background-position: 0 -120px; }

#side-cmt .tab a span { width: 55px; }
#side-cmt .tab a.current span { width: 56px; }
#side-cmt .f-m { height: 230px; padding: 8px 10px; overflow: hidden; }
.side-cmtli li { position: relative; padding-left: 42px; height: 36px; overflow: hidden; margin: 6px 0 10px; line-height: 18px; }
.side-cmtli .avatar { position: absolute; left: 0; width: 39px; height: 36px; background: url(css/bg.png) -60px -200px no-repeat; }
.side-cmtli .avatar img { width: 30px; height: 30px; margin: 2px; border: 1px solid #fff; }
.side-cmtli .fn { float: left; width: 90px; margin-right: 6px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: bold; }
.side-cmtli .date { float: left; width: 70px; text-align: right; color: #999; font-size: 10px; }
.side-cmtli .txt { clear: both; float: left; width: 170px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 20px; }
.side-cmtli .txt a { color: #666; }

#home-dfn { margin-top: 8px; }
#home-dfn .f-m { height: 220px; overflow: hidden; }


#content h1 { padding-bottom: 5px; text-align: center; font: bold 14px/1.8em \5fae\8f6f\96c5\9ed1, arial, sans-serif; text-shadow: 1px 1px 2px #999; }
#content h1 span { color: #666; margin-right: 5px; }
#article-inf { height: 18px; padding-left: 10px; border-bottom: 1px dotted #ccc; line-height: 18px; color: #999; }
#article-inf span { float: left; margin-right: 10px; }
#article-inf .date,
#article-inf .view,
#article-inf .cmt { font-size: 10px; }
#article-inf .rss,
#article-inf .add { float: right; font-size: 12px; }
#article-cnt { width: 648px; overflow: hidden; padding: 8px 0; }
#article-cnt div#article-dfn { float: right; width: 250px; height: 250px; padding: 5px 0 10px 10px; overflow: hidden; }
#article-cnt img { max-width: 648px; }
#article-cnt,
#article-cnt p,
#article-cnt font { line-height: 1.7em; }
#page-cnt p,
#article-cnt div,
#article-cnt p { padding: .3em 0; }
#article-cnt a { color: #036; text-decoration: underline; }
#article-cnt a:hover { color: #c00; }
#page-cnt,
#page-cnt p { line-height: 1.5em; }
#p-n { clear: both; height: 20px; padding-top: 5px; line-height: 20px; border-top: 1px solid #ddd; }
#p-n span { float: left; width: 300px; margin-right: 10px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
#p-n span.next { float: right; margin: 0; text-align: right; }
#p-n span.next a { display: inline-block; max-width: 300px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /* for firefox */

#comment-list .box { padding: 10px 10px 0; }
#comment-list h2 .to-respond { float: right; }
#comment-list .pagination { height: 39px; padding-bottom: 0; margin-left: 59px; margin-top: -9px; }
#cmt-list { padding: 0 0 1px; }
.cmt-single { position: relative; margin: 0 0 10px; }
.cmt-single .sort { position: absolute; right: 5px; top: 0; font: bold italic 50px/1em arial, sans-serif; color: #fff; filter: alpha(opacity=80); opacity: .8; -moz-opacity: .8; }
.cmt-single .avatar { position: absolute; left: 0; width: 70px; height: 57px; background: url(css/bg.png) -100px -200px; }
.cmt-single .avatar img { width: 48px; height: 48px; margin: 4px 0 0 4px; }
.user-cmt { margin-left: 65px; min-height: 40px; padding: 5px; background: #eee; }
.user-cmt,
.user-cmt div { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.user-cmt .user-inf { line-height: 20px; border-bottom: 1px solid #fff; }
.user-cmt .user-inf a.fn { font-weight: bold; }
.user-cmt .user-inf .date { margin: 0 10px; font-size: 10px; color: #666; }
.user-cmt .user-cnt { padding: 7px 0 1px; line-height: 16px; }
.user-cmt .user-re,
.user-cmt .user-quote { padding: 5px; margin-top: 5px; background: #fff; color: #666; }

#respond .box { padding: 0 10px 7px; }
#respond-form li { clear: both; padding-top: 10px; position: relative; }
#respond-form label { padding-left: 210px; line-height: 22px; }
#respond-form input,
#respond-form textarea { position: absolute; width: 200px; height: 16px; padding: 2px; left: 0; line-height: 16px; border: 1px solid #ccc; }
#respond-form textarea { position: static; width: 642px; height: 90px; overflow: auto; overflow-x: hidden; }
#respond-form button { height: 25px; }


#friendly { clear: both; }
#friendly .box { padding-right: 0; }
#friendly h3 { display: none; }
#friendly li { float: left; margin-right: 10px; white-space: nowrap; line-height: 20px; }
#friendly-img li { width: 92px; height: 35px; margin: 3px 6px 5px 1px; }
.friendly-page #friendly-img li { margin: 3px 12px 5px 5px; }
#friendly-img img { width: 88px; height: 31px; padding: 2px; }
#friendly-img a:hover img { padding: 1px; border: 1px dashed #c00; }
#friendly-txt { padding-top: 3px; }


#foot { clear: both; height: 60px; border-top: 1px solid #c00; line-height: 1.5em; }
#foot-logo { height: 31px; margin: 10px 9px 0 0; border-right: 1px solid #ccc; }
#foot-logo img { width: 140px; height: 31px; }
#foot-nav { padding-top: 8px; }
#foot-nav .cut { color: #999; margin: 0 5px; }
#copyright { font-size: 11px; }
#copyright a { font-weight: bold; }
#product-logo { margin-top: 10px; text-align: right; }
#to-top { position: fixed; right: 8px; bottom: 5px; text-indent: -9999px; }
#to-top a { display: block; width: 18px; height: 20px; background: url(css/bg.png) -250px -100px no-repeat; }
#count-code { width: 1px; height: 1px; overflow: hidden; }


#slide,
#home-album,
#login,
#contact,
#choice,
#comment-list,
#content,
#home-column,
#home-dfn { margin-bottom: 8px; }


#tips { position: absolute; padding: 5px; line-height: 16px; background: #333; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-shadow: 1px 1px 2px #333; -moz-box-shadow: 1px 1px 2px #333; box-shadow: 1px 1px 2px #333; }
#tips,
#tips p { max-width: 180px; }
#tips em { display: block; margin-right: 5px; color: #f36; font-size: 10px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }


.btn { display: inline-block; position: relative; height: 26px; margin: 0 5px; background: url(css/button.png) right -30px no-repeat; white-space: nowrap; }
.btn span { float: left; height: 26px; background: url(css/button.png) left 0 no-repeat; position: relative; left: -5px; line-height: 25px; color: #333; }
.btn button { float: left; overflow: visible; padding: 0 10px 0 15px; color: #000; background: none; outline: none; border: 0 none; overflow: visible; }


/* if IE7 */
*+ html #side #choice .list li { height: 22px; background-position: -50px 10px; }
*+ html .side-cmtli li { margin-bottom: 9px; }
*+ html #tips { border-color:  #000; border-width: 0 1px 1px 0; }
/* end IE7 */